@charset "utf-8";  div.calendar 
{
position: relative;

}
.calendar, .calendar table 
{
/*gris obscuro*/;
font-size: 11px;
color: #000;
/*NeGRO*/;
cursor: default;
background: #CE7206;
/*blanco*/;
font-family: tahoma,verdana,sans-serif;
background-attachment: #CE7206;
background-color: #CE7206;
background-position: #CE7206;
background-repeat: #CE7206;
border: 1px solid #565;

}
.calendar .button 
{
/* "<<", "<", ">", ">>" buttons have this class */;
text-align: center;
/* They are the navigation buttons */;
/* Make the buttons seem like they're pressing */;
background: #676;
/*gris fondo*/;
color: #fff;
/*blanco*/;
font-size: 90%;
background-attachment: #676;
background-color: #676;
background-position: #676;
background-repeat: #676;
padding: 2px;

}
.calendar .nav 
{
background: #676 url(menuarrow.gif) no-repeat 100% 100%;
background-attachment: #676 url(menuarrow.gif) no-repeat 100% 100%;
background-color: #676;
background-image: url(menuarrow.gif);
background-position: #676 url(menuarrow.gif) no-repeat 100% 100%;
background-repeat: #676 url(menuarrow.gif) no-repeat 100% 100%;

}
.calendar thead .title 
{
/* This holds the current "month, year" */;
font-weight: bold;
/* Pressing it will take you to the current date */;
text-align: center;
background: #686;
/*c60 Naranja*/;
color: #efa;
/*Amarillo*/;
background-attachment: #686;
background-color: #686;
background-position: #686;
background-repeat: #686;
padding: 2px;

}
.calendar thead .headrow 
{
/* Row <TR> containing navigation buttons */;

}
.calendar thead .name 
{
/* Cells <TD> containing the day names */;
/*Gris*/;
text-align: center;
color: #000;
border-bottom-style: solid;
border-bottom-color: #565;
border-bottom-width: 1px;
padding: 2px;

}
.calendar thead .weekend 
{
/* How a weekend day name shows in header */;
   color: #a66;
/*ROSA*/;

}
.calendar thead .hilite 
{
/* How do the buttons in header appear when hover */;
   background-color: #afa;
/*Verde fosforecente*/;
   color: #000;
   border: 1px solid #084;
/*verde fondo*/;
   padding: 1px;

}
.calendar thead .active 
{
/* Active (pressed) buttons in header */;
background-color: #7c7;
/*Verde medio*/;
padding-top: 2px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 2px;

}
.calendar thead .daynames 
{
/* Row <TR> containing the day names */;
background: #dfb;
/*verde casi amarillo*/;
background-attachment: #dfb;
background-color: #dfb;
background-position: #dfb;
background-repeat: #dfb;

}
.calendar tbody .day 
{
/* Cells <TD> containing month days dates */;
width: 2em;
color: #564;
/*gris obscuro*/;
text-align: right;
padding: 2px;
padding-left: 4px;

}
.calendar tbody .day.othermonth 
{
font-size: 80%;
color: #bbb;
/*lila*/;

}
.calendar tbody .day.othermonth.oweekend 
{
color: #fbb;
/*rosa*/;

}
.calendar table .wn 
{
background: #dfb;
background-attachment: #dfb;
background-color: #dfb;
background-position: #dfb;
background-repeat: #dfb;
border-right-style: solid;
border-right-color: #8a8;
border-right-width: 1px;
padding: 2px;
padding-left: 3px;

}
.calendar tbody .rowhilite td 
{
background: #dfd;
background-attachment: #dfd;
background-color: #dfd;
background-position: #dfd;
background-repeat: #dfd;

}
.calendar tbody .rowhilite td.wn 
{
background: #efe;
background-attachment: #CE7206;
background-color: #CE7206;
background-position: #CE7206;
background-repeat: #CE7206;

}
.calendar tbody td.hilite 
{
/* Hovered cells <TD> */;
background: #efd;
border: 1px solid #bbb;
padding: 1px;
padding-left: 3px;
background-attachment: #efd;
background-color: #efd;
background-position: #efd;
background-repeat: #efd;

}
.calendar tbody td.active 
{
/* Active (pressed) cells <TD> */;
background: #dec;
padding: 2px;
padding-right: 0px;
background-attachment: #dec;
background-color: #dec;
background-position: #dec;
background-repeat: #dec;

}
.calendar tbody td.selected 
{
/* Cell showing today date */;
font-weight: bold;
background: #f8fff8;
color: #000;
border: 1px solid #000;
padding: 1px;
padding-left: 3px;
background-attachment: #f8fff8;
background-color: #f8fff8;
background-position: #f8fff8;
background-repeat: #f8fff8;

}
.calendar tbody td.weekend 
{
/* Cells showing weekend days */;
color: #a66;

}
.calendar tbody td.today 
{
font-weight: bold;
color: #0a0;

}
.calendar tbody .disabled 
{
color: #999;

}
.calendar tbody .emptycell 
{
/* Empty cells (the best is to hide them) */;
visibility: hidden;

}
.calendar tbody .emptyrow 
{
/* Empty row (some months need less than 6 rows) */;
display: none;

}
.calendar tfoot .footrow 
{
/* The <TR> in footer (only one right now) */;
text-align: center;
background: #565;
color: #fff;
background-attachment: #565;
background-color: #565;
background-position: #565;
background-repeat: #565;

}
.calendar tfoot .ttip 
{
/* Tooltip (status bar) cell <TD> */;
background: #250;
color: #efa;
padding: 2px;
background-attachment: #250;
background-color: #250;
background-position: #250;
background-repeat: #250;

}
.calendar tfoot .hilite 
{
/* Hover style for buttons in footer */;
background: #afa;
color: #000;
border: 1px solid #084;
padding: 1px;
background-attachment: #afa;
background-color: #afa;
background-position: #afa;
background-repeat: #afa;

}
.calendar tfoot .active 
{
/* Active (pressed) style for buttons in footer */;
background: #7c7;
padding-top: 2px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 2px;
background-attachment: #7c7;
background-color: #7c7;
background-position: #7c7;
background-repeat: #7c7;

}
.calendar .combo 
{
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
background: #efd;
color: #000;
font-size: 90%;
z-index: 100;
border: 1px solid #565;
background-attachment: #efd;
background-color: #efd;
background-position: #efd;
background-repeat: #efd;

}
.calendar .combo .label, .calendar .combo .label-IEfix 
{
text-align: center;
padding: 1px;

}
.calendar .combo .label-IEfix 
{
width: 4em;

}
.calendar .combo .hilite 
{
background: #af8;
background-attachment: #af8;
background-color: #af8;
background-position: #af8;
background-repeat: #af8;

}
.calendar .combo .active 
{
background: #efe;
font-weight: bold;
border-top-style: solid;
border-top-color: #6a4;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6a4;
border-bottom-width: 1px;
background-attachment: #CE7206;
background-color: #CE7206;
background-position: #CE7206;
background-repeat: #CE7206;

}
.calendar td.time 
{
text-align: center;
background-color: #dfb;
border-top-style: solid;
border-top-color: #8a8;
border-top-width: 1px;
padding-top: 1px;
padding-left: 0px;

}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm 
{
font-weight: bold;
background-color: #fff;
border: 1px solid #898;
padding: 0px;
padding-left: 3px;
padding-bottom: 4px;

}
.calendar td.time .ampm 
{
text-align: center;

}
.calendar td.time .colon 
{
font-weight: bold;
padding: 0px;
padding-left: 2px;
padding-bottom: 3px;

}
.calendar td.time span.hilite 
{
background-color: #686;
color: #fff;
border:   #000;

}
.calendar td.time span.active 
{
background-color: #000;
color: #0f0;
border:   #f00;

}
